import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:moose_app/ui/values/constants.dart';
import 'package:moose_app/ui/values/values.dart';
import 'package:moose_app/ui/widgets/scroll/scroller_configuration_wrapper.dart';

import 'circle_item.dart';

class ATHCircleContent extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ATHScrollerConfigurationWrapper(
      child: Container(
        margin: EdgeInsets.symmetric(horizontal: kSize20),
        child: StaggeredGridView.countBuilder(
            primary: false,
            crossAxisCount: 4,
            itemCount: 5,
            mainAxisSpacing: kSize10,
            crossAxisSpacing: kSize10,
            staggeredTileBuilder: (index) {
              return StaggeredTile.fit(2);
            },
            itemBuilder: (context, index) {
              return CircleItem(
                  'https://gitee.com/shizidada/moose-resource/raw/master/moose/banner/${index + 1}.jpg',
                  index);
            }),
      ),
    );
  }
}
